<!DOCTYPE html>
<html>
<head>
	<title>css-navigator</title>
	<meta charset="utf-8">
	<style type="text/css">
		/*div ul li{
			width: 100px;
			color: red;
			display: block;
			background-color: silver;
			padding: 1px;
			margin: 0;
			border: 0px solid blue;
			text-align: center;
			border-radius:2px;
		}

		div ul li a{
			text-decoration: none;

		}*/

	/*	div.nav{
			background-color: black;
			list-style-type: none;
			border-radius: 25px;
		}*/

		div li{
			text-align: center;
			border-radius:25px;
			display: inline;
		}

		#nav{
/*			position: absolute;
			left: 100px;
			top: 100px;
			width: 300px
*/		}

		#nav ul{
			list-style-type: none;
			background-color: #98bf21;
			border-radius: 20px;
		}

		#nav ul li{
			display: inline;
\		}

		#nav ul li a{
			text-decoration: none;
			color: white;
		}

/*		#nav li{
			width: 100px;
		}	*/

	</style>
</head>
<body>
	<div>
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">News</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">About</a></li>
		</ul>
	</div>

	<div id="nav">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">News</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">About</a></li>
		</ul>
	</div>


</body>
</html>